@charset "UTF-8";
*,*:before,*:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
*{ margin:0; padding:0;}
body { margin:0 auto;overflow-x:hidden; min-width: 1280px;position: relative;padding: 0; width: 100%;color: #333333;font-family:"思源黑体"; font-size:14px;  line-height:1;background: #fff;}
ul,ul li,ol li,tr td,dl,dd{ list-style-type:none; margin:0; padding:0; }
a{display: inline-block; text-decoration:none; cursor:pointer; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;color: #333333;}
img{border:none;display: block;max-width: 100%;}
body::-webkit-scrollbar{ width:4px;height: 1px;}
body::-webkit-scrollbar-thumb{ background:#0069d1 !important;}
body::-webkit-scrollbar-track{ background:#fff;} 
.box {max-width:1360px;min-width: 1200px;width:75%; padding:0 20px; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.ibox {max-width:1600px;min-width: 1200px;width:83%; margin: 0 auto; position: relative; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s;box-sizing: border-box;}
.yd{display: none;}

/* 头部 */
.nav_y{width: 100%;height: 50px;position: fixed;top: 0;left: 0;background: #fff;display: none; z-index: 100;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.nav_y .con_y{display: flex;justify-content: space-between;align-items: center;height: 100%;}
.nav_y .con_y .logo_y{width: 65px;}
.nav_y .con_y .san{width: 25px;height: 25px;cursor: pointer;}
.nav_y_con{width: 100%;height: 100vh;background: #fff;position: absolute;left: 0;top: 0;transform: translateX(110%);transition: all 0.6s;z-index: 101;}
.nav_y_con.act{transform: translateX(0);transition: all 0.6s;}
.nav_y_con .cuo{position: absolute;right: 5%;top: 30px;width: 30px;height: 30px;cursor: pointer;z-index: 102;}
.nav_y_con .navy_top{display: flex;justify-content: space-between;padding: 100px 5% 20px;}
.nav_y_con .navy_top .top_le,.nav_y_con .navy_top .top_re{width: 40px;height: 40px;border:1px solid #b5b5b5;border-radius: 50px;line-height: 38px;text-align: center;display: block;color: #999999;}
.nav_y_con .navy_top .top_re{background: url(sso.png) no-repeat center;background-size: 30px;}
.nav_y_con .ul{overflow-y:auto;height: 100%;}
.nav_y_con .ul::-webkit-scrollbar{ width:0px;height: 0;}
.nav_y_con .ul::-webkit-scrollbar-thumb{ background:#0069d1;}
.nav_y_con .ul::-webkit-scrollbar-track{ background:#fff;} 
.nav_y_con .li{padding-left: 15px;margin-bottom: 10px;}
.nav_y_con .li .ptop{display: block;line-height: 40px;position: relative;cursor: pointer;}
.nav_y_con .li .ptop::after{content: "";position: absolute;left: -15px;width: 5px;height: 20px;background: #0069d1;top: 50%;transform: translateY(-50%);}
.nav_y_con .li .ptop::before{content: "";position: absolute;right: 0;width: 40px;height: 40px;top: 0;background: url(../images/touj.png) center no-repeat;background-size: 15px;}
.nav_y_con .li .ptop.act::before{transform: rotate(90deg);}
.nav_y_con .li .txt{padding-left: 5px;display: none;}
.nav_y_con .li .txt .atxt{padding-left: 15px;}
.nav_y_con .li .txt a{display: block;line-height: 35px;}
.nav_y_con .li.lis .txt .at{font-weight: bold;}

.nav{ width: 100%; position:fixed;height: 90px;z-index: 100;left: 0;top: 0;border-bottom: 1px solid rgba(0, 0, 0, .05);}
.nav .nav_con{display: flex;justify-content: space-between;width: 95.3%;margin: 0 auto;}
.nav .nav_con .logo{display: flex;align-items: center;}
.nav .nav_con .logo a{display: block;}
.nav .nav_con .logo a img{ width:230px;}
.nav .nav_con .logo a img.logo01{ display:none;}
.nav .nav_con .txt_re{display: flex;justify-content: center;align-items: center;}
.nav .nav_con .txt_re .re2{ width:35px; height:35px; border-radius:50%;display: flex;justify-content: center;align-items: center; background:#333;position: relative; margin-left:15px;}
.nav .nav_con .txt_re .re2 a{display: block;position: relative;}
.nav .nav_con .txt_re .re2 a img{ width:20px;}
.nav .nav_con .txt_re .re2:hover{ background:#1d6bb6;}
.nav .nav_con ul{display: flex;justify-content: center;align-items: center;height: 100%;}
.nav .nav_con ul li{position: relative;}
.nav .nav_con ul li a.lia{display: block;height: 100%;line-height: 90px;padding: 0 30px;color: #fff;position: relative; font-size:18px;}
.nav .nav_con ul li a::after{position: absolute;left: auto;right: 0;bottom: 0;width: 0;height: 3px;background: #014099;content: "";transition: all 0.6s;}
.nav .nav_con ul li:hover a.lia{ color:#1d6bb6;}
.nav .nav_con ul li:hover .li_txt{z-index: 100;pointer-events: visible;visibility: visible;opacity: 1;transform: translateY(1px);}
.nav .nav_con ul li .li_txt{position: absolute;width: 140%;padding: 0px;left: -20%; top:78px; opacity: 0;transition: all 0.6s;;pointer-events: none;}
.nav .nav_con ul li .li_txt::before{content: "";position: absolute;left:44%;top: -10px;transform: translateX(-45%);border: 10px solid transparent;border-bottom-color: #0068b7;transform: rotate(0);}
.nav .nav_con ul li .li_txt .sub{background: #fff; margin:11px 0; padding:20px 0;}
.nav .nav_con ul li .li_txt a{display: block;line-height: 40px;text-align: center; font-size:16px;}
.nav .nav_con ul li .li_txt a:hover{ color:#1d6bb6;}



.nav.act1{background: #fff;}
.nav.act1 .nav_con .logo a img.logo01{ display:block;}
.nav.act1 .nav_con .logo a img.logo02{ display:none;}
.nav.act1 .nav_con ul li a.lia{ color: #333;}

.nav:hover{background: #fff;}
.nav:hover .nav_con .logo a img.logo01{ display:block;}
.nav:hover .nav_con .logo a img.logo02{ display:none;}
.nav:hover .nav_con ul li a.lia{ color: #333;}
.nav:hover .nav_con ul li:hover a.lia{ color:#1d6bb6;}

.inx_con{position: relative;width: 100%;height: 100%;}
.inx_img{width: 100%;height: 100%;}
.inx_img img{width: 100%;height: 100%;}


/* 第一屏 */
.in_1 .in1_sw {width: 100%;}
.in_1 .in1_sw .sw_con{position: relative;width: 100%;}
.in_1 .in1_sw .sw_con .con_img {width: 100%;}
.in_1 .in1_sw .sw_con .con_img img{width: 100%;}
.in_1 .in1_sw .sw_con .con_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.in_1 .in1_sw .sw_con .con_txt .txt{ width:100%; height:100%;opacity: 1; display:flex;justify-content: center;align-items: center;}
.in_1 .in1_sw .sw_con .con_txt .t1{ width:100%;display:flex;justify-content: center;align-items: center; writing-mode: vertical-lr}
.in_1 .in1_sw .sw_con .con_txt .t1 a{ color: #fff;; font-size:36px; letter-spacing:15px;}
.in_1 .in1_sp{bottom:45px;} 
.in_1 .in1_sp .swiper-pagination-bullet{margin: 0 50px;border: 2px solid rgba(255, 255, 255, 0.3);background: none;opacity: 1;}
.in_1 .in1_sp .swiper-pagination-bullet-active{border: 2px solid #fff;}
.in_1 .in1_sp span {position: relative;}
.in_1 .in1_sp span::after{content: "";width: 102px;height: 1px;background: rgba(255, 255, 255, 0.3);position: absolute;left: 6px;top: 1px;}
.in_1 .in1_sp span:last-child::after{content: none;}
.in_1 .in1_sp .swiper-pagination-bullet-active::before{content: "";width: 35px;height: 35px;background: url(shuang.png) center no-repeat;position: absolute;left: -15px;top: -15px;animation: xz 2s infinite linear ;}


/*in_2*/
.in_2{width: 100%; height:100%; position:relative; margin-top:15px;}
.in_2 .inx_img{position: relative;}
.in_2 .inx_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .1);}
.in_2 .in2_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.in_2 .in2_txt .txt{display: flex;justify-content: space-between;height: 100%;align-items: center;}
.in_2 .in2_txt .txt .txt_le{width:400px;color: #fff; text-align:center;}
.in_2 .in2_txt .txt .txt_le .title{margin-bottom: 20px; font-size:30px; letter-spacing:10px;}
.in_2 .in2_txt .txt .txt_le .intro{margin-bottom: 90px; font-size:30px; letter-spacing:10px;}
.in_2 .in2_txt .txt .txt_le .more{ width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #ddd; border-radius:20px; margin:0 auto;}
.in_2 .in2_txt .txt .txt_le .more a{ color:#fff; display:block;}
.in_2 .in2_txt .txt .txt_le .more:hover{ background:#1d6bb6;}

.in_2 .txt_re{width:400px; height:100%; position:absolute; right:0; top:0;}
.in_2 .txt_re .con{ width:100%; height:100%; position:relative;display: flex;flex-wrap:wrap;justify-content: center;align-items: center;}
.in_2 .txt_re .item a{color:#fff;}
.in_2 .txt_re .item1{ background:rgba(0,0,0,0.5); width:100%; height:30%;margin-bottom: 8%;display: flex;justify-content: center;align-items: center; font-size:24px; color:#fff;}
.in_2 .txt_re .item2{ background:rgba(0,0,0,0.5); width:100%; height:30%;margin-bottom: 8%;display: flex;justify-content: center;align-items: center; font-size:24px; color:#fff;}
.in_2 .txt_re .item3{ background:rgba(0,0,0,0.5); width:100%; height:30%;display: flex;justify-content: center;align-items: center; font-size:24px; color:#fff;}
.in_2 .txt_re .item:hover{ background:rgba(0,0,0,0.8);}



/*in_8*/
.in_8{width: 100%; position:relative; margin-top:15px;}
.in_8 .in8_con{width: 100%; position: relative;}
.in_8 .in8_con .in8_sws .swiper-slide .in8_img{ width:100%; position:relative;overflow: hidden;}
.in_8 .in8_con .in8_sws .swiper-slide .in8_img img{ width:100%;transition: all 0.6s;}
.in_8 .in8_con .in8_sws .swiper-slide .txt{ width:100%; height:100%;display: flex;align-items: center; position:absolute; top:0; left:0;}
.in_8 .in8_con .in8_sws .swiper-slide .txt .txt_le{width:400px;color: #fff; text-align:center;}
.in_8 .in8_con .in8_sws .swiper-slide .txt .txt_le .title{margin-bottom: 20px; font-size:30px; letter-spacing:10px;}
.in_8 .in8_con .in8_sws .swiper-slide .txt .txt_le .intro{margin-bottom: 90px; font-size:30px; letter-spacing:10px;}
.in_8 .in8_con .in8_sws .swiper-slide .txt .txt_le .more{ width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-radius:20px; margin:0 auto;}
.in_8 .in8_con .in8_sws .swiper-slide .txt .txt_le .more a{ color:#fff; display:block;}
.in_8 .in8_con .in8_sws .swiper-slide .txt .txt_le .more:hover{ background:#1d6bb6;}
.in_8 .in8_sp{ position:absolute;bottom: 30px;left: 50%;transform: translate(-50%,-50%);} 
.in_8 .in8_sp .swiper-pagination-bullet{margin: 0 10px; width:50px; height:8px; background:#fff; border-radius:0;opacity: 1;}
.in_8 .in8_sp .swiper-pagination-bullet-active{ background:#2777da; position:relative;opacity: 1;}



/*in_3*/
.in_3{width: 100%; position:relative; margin-top:15px;}
.in_3 .inx_img{position: relative;}
.in_3 .inx_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .1);}
.in_3 .in3_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.in_3 .in3_txt .txt{display: flex;justify-content: space-between;height: 100%;align-items: center;}
.in_3 .in3_txt .txt .txt_le{width:400px;color: #fff; text-align:center;}
.in_3 .in3_txt .txt .txt_le .title{margin-bottom: 20px; font-size:30px; letter-spacing:10px;}
.in_3 .in3_txt .txt .txt_le .intro{margin-bottom: 90px; font-size:30px; letter-spacing:10px;}
.in_3 .in3_txt .txt .txt_le .more{ width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-radius:20px; margin:0 auto;}
.in_3 .in3_txt .txt .txt_le .more a{ color:#fff; display:block;}
.in_3 .in3_txt .txt .txt_le .more:hover{ background:#1d6bb6;}

/*in_4*/
.in_4{width: 100%; position:relative; margin-top:15px;}
.in_4 .inx_img{position: relative;}
.in_4 .inx_img::after{content: "";position: absolute;left: 0;top: 0;width: 100%;height: 100%;background:rgba(0, 0, 0, .1);}
.in_4 .in4_txt{position: absolute;left: 0;top: 0;width: 100%;height: 100%;}
.in_4 .in4_txt .txt{display: flex;justify-content: space-between;height: 100%;align-items: center;}
.in_4 .in4_txt .txt .txt_le{width:400px;color: #fff; text-align:center;}
.in_4 .in4_txt .txt .txt_le .title{margin-bottom: 20px; font-size:30px; letter-spacing:10px;}
.in_4 .in4_txt .txt .txt_le .intro{margin-bottom: 90px; font-size:30px; letter-spacing:10px;}
.in_4 .in4_txt .txt .txt_le .more{ width:120px; height:40px; line-height:40px; text-align:center; border:1px solid #fff; border-radius:20px; margin:0 auto;}
.in_4 .in4_txt .txt .txt_le .more a{ color:#fff; display:block;}
.in_4 .in4_txt .txt .txt_le .more:hover{ background:#1d6bb6;}
 
/*in_5*/
.in_5{width: 100%; position:relative;}
.in_5 .in5_txt{ width: 100%;position:relative;padding:60px 0 90px;color: #333;text-align: center;}
.in_5 .in5_txt .title{ font-size:44px;margin-bottom: 45px; color:#1d6bb6;}
.in_5 .in5_txt ul{display: flex;width: 1240px;margin: 0 auto;justify-content: space-between;margin-top: 11.58vh;}
.in_5 .in5_txt ul li{ max-width:200px;}
.in_5 .in5_txt ul li a{color: #333;display: block;}
.in_5 .in5_txt ul li .li_img img{margin: 0 auto;}
.in_5 .in5_txt ul li .txt span{display: block;margin-top: 20px; font-size:24px; color:#000;}
.in_5 .in5_txt ul li .txt p{display: block;margin-top: 20px; font-size:16px; line-height:30px; color:#666;}
 
/*in_9*/
.in_9{width: 100%; position:relative;}
.in_9 .in9_txt{ width: 100%;position:relative;padding:60px 0 90px;color: #333;text-align: center;}
.in_9 .in9_txt .title{ font-size:44px;margin-bottom: 45px; color:#1d6bb6;}
.in_9 .in9_txt img{ margin: 0 auto; }


/*in_6*/
.in_6{width: 100%; position:relative;}
.in_6 .in6_txt{width: 100%; position:relative;padding:60px 0 120px;color: #333;text-align: center;}
.in_6 .in6_txt .title{ font-size:44px;margin-bottom: 45px; color:#1d6bb6;}
.in_6 .in6_txt .txt2{ font-size:18px; margin-bottom: 15px; color:#999;}
.in_6 .in6_txt .txt3{ font-size:18px; color:#999;}
.in_6 .in6_con{ background:#fff; margin-top:90px;position: relative;}
.in_6 .in6_con .swiper_hz .swiper-slide{ background:#e9e9e9; padding:15px; border-radius:10px;}
.in_6 .in6_con .swiper_hz .title{ font-size:18px;height: 90px;line-height: 90px;text-align: left; color:#000;transition: all 0.6s; margin:0;}
.in_6 .in6_con .swiper_hz .in6_img{ width:100%; position:relative;overflow: hidden;}
.in_6 .in6_con .swiper_hz .in6_img img{ width:100%;transition: all 0.6s; border-radius:10px;}
.in_6 .in6_con .in6_prev{width: 45px;height: 75px;background:rgba(29,107,182,0.7) url(next01.png) center no-repeat;transition: all .6s;}
.in_6 .in6_con .in6_next{width: 45px;height: 75px;background:rgba(29,107,182,0.7) url(prev01.png) center no-repeat;transition: all .6s;}
.in_6 .in6_con .in6_next{right: 0;}
.in_6 .in6_con .in6_prev{left: 0;}
.in_6 .in6_sp{display: none;}
.in_6 .in6_con .in6_prev:hover{background: #1d6bb6 url(next01.png) center no-repeat;transition: all .6s;}
.in_6 .in6_con .in6_next:hover{background: #1d6bb6 url(prev01.png) center no-repeat;transition: all .6s;}


/* .in_7  */
.in_7 {background: #272727;}
.in_7 .f_logo{ padding:70px 0 20px}
.in_7 .f_logo img{ width:220px;}
.in_7 .con_top{padding: 30px 0 120px;display: flex;justify-content: space-between;}
.in_7 .con_top .top_le{width: 32.5%;color: rgba(255, 255, 255, 0.6); position:relative;}
.in_7 .con_top .top_le .le_re{width: 120px;text-align:center; float:right;}
.in_7 .con_top .top_le .le_re .ls{ font-size:18px; color:#fff; line-height:35px; margin-top:5px;}
.in_7 .con_top .top_re{width: 80%;}
.in_7 .con_top .top_re ul{display: flex;justify-content: space-between;}
.in_7 .con_top .top_re ul li a:first-child{font-weight:normal;font-size: 22px;color: #fff;height: 50px;}
.in_7 .con_top .top_re ul li a{color: rgba(255, 255, 255, 0.6);display: block;line-height: 40px; font-size:16px;}


.in_7 .con_bot{display: flex;justify-content: space-between;height: 120px;align-items: center;border-top: 1px solid rgba(255, 255, 255, 0.1); padding:20px 0;}
.in_7 .con_bot .bot_le{ width:50%; position:relative;color:rgba(255, 255, 255, 0.6); line-height:30px;}
.in_7 .con_bot .bot_re{ width:50%; position:relative;color:rgba(255, 255, 255, 0.6); line-height:30px; text-align:right;}
.in_7 .con_bot .bot_re a{color: rgba(255, 255, 255, 0.6);}
.in_7 .con_bot .bot_re span{color: rgba(255, 255, 255, 0.6); margin-left:20px;}




@media screen and (max-width:1680px) {
    .f_16{font-size: 14px;}
    .f_18{font-size: 16px;}
    .f_20{font-size: 18px;}
    .f_22{font-size: 20px;}
    .f_24{font-size: 22px;}
    .f_26{font-size: 22px;}
    .f_28{font-size: 26px;}
    .f_32{font-size: 26px;}
    .f_36{font-size: 32px;}
    .f_42{font-size: 36px;}
    .f_48{font-size: 40px;}
    .f_54{font-size: 46px;}
    .f_60{font-size: 42px;}
    .f_64{font-size: 42px;}
    .f_72{font-size: 52px;}
    .f_88{font-size: 60px;}
}

@media screen and (max-width:1400px) {
    .nav .nav_con .ul .li{padding: 0 15px;}
    .nav .nav_con .logo a img{width: 80px;}
}

@media screen and (max-width:1100px) {
    .nav .nav_con .logo a img{width: 70px;}
}


@media screen and (max-width:1050px) {

    .fw{font-weight: 400;}

    .pc{display: none;}

    .yd{display: block;}

    body{min-width: 200px;}

    .ibox{min-width: 200px;width: 90%;}

    .box{min-width: 200px;width: 90%;}
    .f_16{font-size: 14px;}
    .f_22{font-size: 18px;}
    
    .f_24{font-size: 18px;}
    .f_26{font-size: 18px;}
    .f_28{font-size: 20px;}
    
    .f_32{font-size: 22px;}
    .f_36 {font-size: 22px;}
    .f_42{font-size: 24px;}
    .f_48{font-size: 24px;}
    .f_54{font-size: 26px;}
    .f_60{font-size: 30px;}
    .f_64{font-size: 36px;}
    .f_72{font-size: 22px;}
    .f_88{font-size: 24px;}



    .nav{display: none;}

    .nav_y{display: block;}




    .in_5{background: url(ind4_b.jpg) center no-repeat;background-size: cover;}

    .in_5 .inx_img {display: none;}

    .in_5 .in5_txt{position: static;padding: 80px 0 100px;}

    .in_5 .in5_txt .txt1{margin-bottom: 25px;}

    .in_5 .in5_txt .txt2{margin-bottom: 15px;}

    .in_5 .in5_txt .ul{margin-top: 60px;}


    .in_5 .in5_txt .ul{width: 100%;flex-wrap: wrap;}

    .in_5 .in5_txt .ul .li{width:50%;margin-bottom: 20px;}

    .in_5 .in5_txt .ul .li .li_con ,.in_5 .in5_txt .ul .li .li_img {width: 170px;}





    .in_6 .in6_txt{position: static;padding: 80px 0 100px;}

    .in_6 .in6_txt .txt1{margin-bottom: 25px;}

    .in_6 .in6_txt .txt2{margin-bottom: 15px;}

 


    .in_7 .con_top .top_re{display: none;}

    .in_7 .con_top .top_le{width: 100%;}

    .in_7 .con_bot{flex-wrap: wrap;justify-content: center;height: auto;padding: 15px 0;line-height: 25px;}
    
    .in_7 .con_bot .bot_le{flex-wrap: wrap;justify-content: center;}

    .in_7 .con_bot .bot_re{flex-wrap: wrap;justify-content: center;}

    .in_7 .con_top{padding: 25px 0;}

    .in_7 .con_top .logo2{width: 180px;}

    .in_7 .con_top .top_le .le2{margin-top: 30px;}

    
    .in_1 .in1_sw .sw_con .con_txt .t2{line-height: 35px;}


    .in_4 .in4_txt .ul .li img{width: 50px;}



}